<html>
    <head>
        <meta charset="utf-8">
        <meta name="author" content="范珍">
        <title>DOM练习-选项卡</title>
        <link rel="stylesheet" href="index.css">
    </head>
    <body>
        <main>
            <header>
                <span data-index='1' class="current">第一课</span>
                <span data-index='2'>第二课</span>
                <span data-index='3'>第三课</span>
            </header>
            <ul>
                <li>01</li>
                <li>02</li>
                <li>03</li>
                <li>04</li>
                <li>05</li>
            </ul>
            <ul>
                <li>0001</li>
                <li>0002</li>
                <li>0003</li>
                <li>0004</li>
                <li>0005</li>
                <li>0006</li>
                <li>0007</li>
            </ul>
            <ul>
                <li>001</li>
                <li>002</li>
                <li>003</li>
                <li>004</li>
                <li>005</li>
                <li>006</li>
            </ul>
        </main>
        <script src="index.js"></script>
    </body>
</html>